{% extends 'base.html' %}

{% block top %}
    <title>钢材数据</title>
    <script src="/static/js/echarts.min.js"></script>
    {{ super() }}
{% endblock %}


{% block content %}
	<div class="container" style>
    <div class="list_item col-sm-push-3 " style="background-color:#fff">
    <table class="table table-bordered container">
        <br>
        <h2 class="text-center"><strong>{{ name }}材料全国各大区<i style="color:#f00">{{ key }}({{ material }})</i>平均价格</strong></h2>
        <h5 class="text-right"><i>元／吨</i></h5>
  <thead>
    <tr>
        {% for i in data_time %}
      　<th style="vertical-align: middle !important;text-align: center;">{{ i }}</th>
        {% endfor %}　
    </tr>
  </thead>

  <tbody>

{% for price in prices %}
    <tr>
        {% for i in price %}
        <td style="vertical-align: middle !important;text-align: center;color: #00f">{{ i }}</td>
        {% endfor %}
    </tr>
{% endfor %}
  </tbody>
</table>
        <br>
        <br>
        <div style="margin-left:auto">{{ myechart|safe }}</div>
    </div>
</div>

{% endblock %}